﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="" />
<meta name="title" content="" />
  <title>Quản lý dự án GO Rao vặt trực tuyến</title>
	<link href="themes/admin_styles.css" rel="stylesheet" type="text/css" />
  <!--[if lte IE 7]>
		<link href="ie.css" rel="stylesheet" type="text/css" />
	<![endif]-->
	<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
	
	<!--Include HTML file: Can be removed-->
	<script charset="utf-8" src="js/jquery.include-2.js" type="text/javascript"></script>
	<!--#End: Include HTML file: Can be removed-->
	
	<!--RadMenu Telerik-->
	<script src="js/menu/f1.js"></script>
  <script src="js/menu/f2.js"></script>
	<script src="js/menu/f3.js"></script>
	<script src="js/menu/f4.js"></script>
	<script src="js/menu/f5.js"></script>
	<script src="js/menu/f6.js"></script>
	<script src="js/menu/f7.js"></script>
	<script src="js/menu/f8.js"></script>
	<script src="js/menu/f9.js"></script>
  </head>
  <body>
	<span src="inc_header.html">Header</span>
	<div class="siteAdminBody">
		<div class="bodysite">
			<h2 class="page_title">
			<div class="heading_links">
          <div class="df_btn fl">
              <a href="#"><span class="btext">Tạo mới</span></a>
          </div>
        </div>
				Quản lý danh mục</h2>
			<div class="body_content">
				<div class="col1">
					<!--BEGIN MODULES CONTENT (Chỉ Copy các module được chứa trong cặp div.col1, không sử dụng div.col1) -->
					<!--Data Grid-->
					<div class="df_tbl_func_row">
						<label class="lb fl">Search:</label>
						<div class="form_filed fl"><input type="text" class="textbox_small" /></div>
						<div class="form_filed fl">
							<select name="s_options" class="select_small">
								<option value="0">Chọn tiêu chí tìm kiếm</option>
							</select>
						</div>
						<input type="button" value="Search" class="button" />
						<div class="clr"></div>
					</div>
					<table width="100%" cellspacing="0" cellpadding="0" class="df_table">
						<tbody>
							<tr>
								<th width="4%" class="center"><input type="checkbox" class="checkbox" /></th>
								<th width="12%">Registered date</th>
								<th width="12%">
									<span class="headercell_title">Product name</span>
									<span class="headercell_icn">
										<a title="Tăng dần" class="up" href="#">up</a>
										<a title="Giảm dần" class="down" href="#">down</a>
									</span>
								</th>
								<th width="40%">Chú thích</th>
								<th width="28%">Tuỳ chỉnh</th>
							</tr>
							<tr class="odd">
								<td class="center"><div class="cell_inner"><input type="checkbox" class="checkbox" /></div></td>
								<td>12.04.2009</td>
								<td>Máy nghe nhạc MP3</td>
								<td>Hi, I have a datagrid that I want to set different styles for header...</td>
								<td>
									<a href="javascript: void(0);" class="up_icon fl" title="Move up">Move up</a>
									<a href="javascript: void(0);" class="uptotop_icon fl" title="Move to Top">Move to Top</a>
									<a href="javascript: void(0);" class="down_icon fl" title="Move down">Move down</a>
									<a href="javascript: void(0);" class="downtobottom_icon fl" title="Move to Top">Move to Bottom</a>
									<a href="javascript: void(0);" class="save_icon fl" title="Thêm">Save</a>
									<a href="javascript: void(0);" class="cancel_icon fl" title="Cancel">Cancel</a>
									<a href="javascript: void(0);" class="add_icon fl" title="Thêm">Thêm</a>
									<a href="javascript: void(0);" class="del_icon fl" title="Xóa">Xóa</a>
									<a href="javascript: void(0);" class="edit_icon fl" title="Sửa">Sửa</a>
									<a href="javascript: void(0);" class="check_icon fl" title="Xem">Xem</a>
								</td>
							</tr>
							<tr>
								<td colspan="5" class="tbl_subcell">
									<div class="tbl_subcell_inner">
										<table width="100%" cellspacing="0" cellpadding="0">
											<tbody>
												<tr>
													<th width="4%" class="center">STT</th>
													<th width="42%">Sản phẩm</th>
													<th width="14%" class="center">Giá (VNĐ)</th>
													<th width="10%" class="center">Giá (USD)</th>
													<th width="8%" class="center">Số lượng</th>
													<th width="18%" class="right">Tổng cộng (VNĐ)</th>
												</tr>
												<tr class="odd">
													<td class="center">1</td>
													<td><a target="_blank" class="lk1" href="product_detail.html"><strong>Samsung i780 Sản Phẩm 3G dùng hệ điều hàng WM6</strong></a></td>
													<td class="center"><span class="important_lv2">4.500.000</span></td>
													<td class="center">4.500</td>
													<td class="center">1</td>
													<td class="right"><span class="important_lv2"><strong>4.500.000 </strong></span></td>
												</tr>
												<tr class="even">
													<td class="center">2</td>
													<td><a target="_blank" class="lk1" href="product_detail.html"><strong>Samsung i780 Sản Phẩm 3G dùng hệ điều hàng WM6</strong></a></td>
													<td class="center"><span class="important_lv2">4.500.000</span></td>
													<td class="center">4.500</td>
													<td class="center">1</td>
													<td class="right"><span class="important_lv2"><strong>4.500.000 </strong></span></td>
												</tr>
												<tr class="odd">
													<td class="right filled_cell" colspan="4"><strong>Thành tiền (VNĐ): </strong></td>
													<td class="center"><strong>2</strong></td>
													<td class="right"><strong class="important">9.000.000</strong></td>
												</tr>
											</tbody>
										</table>	
									</div>
								</td>
							</tr>
							<tr class="even">
								<td class="center"><input type="checkbox" class="checkbox" /></td>
								<td>12.04.2009</td>
								<td>USB A-Data</td>
								<td>Hi, I have a datagrid that I want to set different and normal items</td>
								<td>
									<a href="javascript: void(0);" class="save_icon fl" title="Thêm">Save</a>
									<a href="javascript: void(0);" class="cancel_icon fl" title="Cancel">Cancel</a>
									<a href="javascript: void(0);" class="add_icon fl" title="Thêm">Thêm</a>
									<a href="javascript: void(0);" class="del_icon fl" title="Xóa">Xóa</a>
									<a href="javascript: void(0);" class="edit_icon fl" title="Sửa">Sửa</a>
									<a href="javascript: void(0);" class="check_icon fl" title="Xem">Xem</a>
								</td>
							</tr>
							<tr class="odd">
								<td class="center"><div class="cell_inner"><input type="checkbox" class="checkbox" /></div></td>
								<td>12.04.2009</td>
								<td>Ô đia DVD</td>
								<td>Hi, I have a datagrid that I want to set different styles for header...</td>
								<td>
									<a href="javascript: void(0);" class="save_icon fl" title="Thêm">Save</a>
									<a href="javascript: void(0);" class="cancel_icon fl" title="Cancel">Cancel</a>
									<a href="javascript: void(0);" class="add_icon fl" title="Thêm">Thêm</a>
									<a href="javascript: void(0);" class="del_icon fl" title="Xóa">Xóa</a>
									<a href="javascript: void(0);" class="edit_icon fl" title="Sửa">Sửa</a>
									<a href="javascript: void(0);" class="check_icon fl" title="Xem">Xem</a>
								</td>
							</tr>
							<tr class="even">
								<td class="center"><input type="checkbox" class="checkbox" /></td>
								<td>12.04.2009</td>
								<td>Laptop SONY-Vaio</td>
								<td>Hi, I have a datagrid that I want to set different and normal items</td>
								<td>
									<a href="javascript: void(0);" class="save_icon fl" title="Thêm">Save</a>
									<a href="javascript: void(0);" class="cancel_icon fl" title="Cancel">Cancel</a>
									<a href="javascript: void(0);" class="add_icon fl" title="Thêm">Thêm</a>
									<a href="javascript: void(0);" class="del_icon fl" title="Xóa">Xóa</a>
									<a href="javascript: void(0);" class="edit_icon fl" title="Sửa">Sửa</a>
									<a href="javascript: void(0);" class="check_icon fl" title="Xem">Xem</a>
								</td>
							</tr>
						</tbody>
        </table>
				<!--#End: Data Grid-->
				
				<!--Paginator-->
				<div class="paginator2"><a href="#">&laquo;</a><a href="#">&lsaquo;</a><a href="#" class="selected">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">&rsaquo;</a><a href="#">&raquo;</a></div>
				<!--#End: Paginator-->
				
				<!--Information announcement-->
					<div class="notice_msg">
						Notice or Alert Message (class="notice_msg")	
					</div>
					<div class="success_msg">
						Success Message (class="success_msg")	
					</div>
					<div class="info_msg">
						Information Message (class="info_msg")
					</div>
					<div class="error_msg">
						Error Message (class="error_msg")
					</div>
				<!--#End: Information announcement-->
				<!--END MODULES CONTENT-->
				</div>
				<div class="col2">
					<!--BEGIN MODULES CONTENT (Chỉ Copy các module được chứa trong cặp div.col2, không sử dụng div.col2) -->
					<div class="container_data">
						<div class="header_container"> <a class="c_icon" href="javascript: void(0);">[+]</a> <span class="container_text">Container heading title</span>
			      <div class="clr"></div>
			    </div>
						<div class="content">
							<div class="fl center" style="width: 150px;">
								<div class="photo_medium"><a href="#"><img border="0" class="proImg" src="../../images/avatar.gif" alt="product name"><span class="new_label"></span></a></div>
								<p>Medium photo size<br /><strong>.photo_medium</strong></p>
							</div>
							<div class="fl center">
								<div class="photo_small"><img src="../../images/product1_small.gif"></div>
								<p>Small photo size<br /><strong>.photo_small</strong></p>
							</div>
							<div class="clr"></div>
							<p><span class="important">Flash là một tập tin truyền thông đa phương tiện hình động</span>, kết hợp âm thanh, hình ảnh, các hiệu ứng nhằm mục đích sinh động hóa hình thức diễn đạt. Flash được dùng rất nhiều mục đích, trong đó lớn nhất vẫn là trên Internet, do tính gọn nhẹ và biểu đạt cao của nó.</p>
						<ul class="df_list">
							<li>Nhiệm vụ của bạn khi làm Flash chính là nắm vững công dụng và tính chất của những thành tố này</li>
							<li>Cộng thêm với một chút sáng tạo trong việc lắp ghép</li>
							<li>Giai đoạn tìm hiểu này đòi hỏi bạn rất nhiều niềm say.</li>
						</ul>
						<div class="seperated_dotted_line"></div>
						<p>Flash Effect Maker có rất nhiều mẫu Flash có sẵn. Bạn có thể từ nó để có được những ý tưởng từ cách xây dựng Flash cho đến những ví dụ về cách dùng các thành tố. Cuối cùng, một trang Flash trắng tinh sẽ được mở ra. Hãy làm đầy nó với những ý tưởng của bạn. Chúc bạn thành công.</p>
						</div>
					</div>
					<!--END MODULES CONTENT-->
				</div>
				<div class="clr"></div>
				<div class="bottom_content">
					<!--Form section-->
					<div class="container_data">
						<div class="header_container">
							<span class="container_flink">
	            	<a href="#" class="lk_addnew icon_lkbtn fl">Thêm mới</a>
	            </span>
							<span class="container_text">Form format styles</span>
						</div>
						<div class="content" style="background-color: #ededed;">
							<!--Small size-->
							<div class="formrow">
								<label class="lb_small fl right"><span class="important">*</span> .lb_small:</label>
								<div class="form_field fl">
									<input class="textbox_small" type="text" value=".textbox_small" />
									<select class="select_small">
										<option value="">.select_small</option>
									</select>
								</div>
								<div class="clr"></div>
							</div>
							<div class="seperated_dotted_line"></div>
							<!--Medium size-->
							<div class="formrow">
								<label class="lb_medium fl right"><span class="important">*</span> Label medium:</label>
								<div class="form_field fl">
									<input class="textbox_medium" type="text" value="textbox_medium" />
									<select class="select_medium">
										<option value="">.select_medium</option>
									</select>
								</div>
								<div class="clr"></div>
							</div>
							<div class="formrow">
								<label class="lb_medium right fl">Text area Medium:</label>
								<div class="form_field">
									<textarea class="textarea_medium" rows="1" cols="1" style="height: 130px;">textarea_medium. Chiều cao tự quy định bằng style="height:...px"</textarea>
								</div>
								<div class="clr"></div>
							</div>
							<div class="seperated_dotted_line"></div>
							<!--Large size-->
							<div class="formrow">
								<label class="lb_large fl right"><span class="important">*</span> Label large:</label>
								<div class="form_field fl">
									<input class="textbox_large" type="text" value="textbox_large" />
									<select class="select_large">
										<option value="">.select_large</option>
									</select>
								</div>
								<div class="clr"></div>
							</div>
							<div class="formrow">
								<label class="lb_large right fl">Text area large:</label>
								<div class="form_field">
									<textarea class="textarea_large" rows="1" cols="1" style="height: 130px;">textarea_large. Chiều cao tự quy định bằng style="height:...px"</textarea>
								</div>
								<div class="clr"></div>
							</div>
							<div class="seperated_dotted_line"></div>
							<!--Largest size-->
							<div class="formrow">
								<label class="lb_largest fl right"><span class="important">*</span> Label largest:</label>
								<div class="form_field fl">
									<input class="textbox_largest" type="text" value="textbox_largest" />
								</div>
								<div class="clr"></div>
							</div>
							<div class="formrow">
								<label class="lb_largest right fl">Text area largest:</label>
								<div class="form_field">
									<textarea class="textarea_largest" rows="1" cols="1" style="height: 130px;">textarea_largest. Chiều cao tự quy định bằng style="height:...px"</textarea>
								</div>
								<div class="clr"></div>
							</div>
							<div class="seperated_dotted_line"></div>
							<!--Textarea full 100%-->
							<div class="formrow">
								<label class="lb_largest">Text area full (100%):</label>
								<div class="form_field">
									<textarea class="textarea_full" rows="1" cols="1" style="height: 130px;">textarea_full. Chiều rộng 100%. Chiều cao tự quy định bằng style="height:...px"</textarea>
								</div>
								<div class="clr"></div>
							</div>
							<div class="seperated_dotted_line"></div>
							<!--Other smaller sizes-->
							<p>Ngoài ra còn có những class sau qui định những kích thước nhỏ hơn cho thẻ label, textbox và select:</p>
							<ul class="df_list">
								<li>Label: <strong>.lb_smallest, .lb_smaller</strong></li>
								<li>Input textbox: <strong>.textbox_smallest, .textbox_smaller</strong></li>
								<li>Select dropdown list: <strong>.select_smallest, .select_smaller</strong></li>
							</ul>
							<p>Dùng các class sau để kích thước tự qui định bằng inline code (style="width: ...px; height: ...px;")</p>
							<ul class="df_list">
								<li>Label: <strong>.lb</strong></li>
								<li>Input textbox: <strong>.textbox</strong></li>
								<li>Select dropdown list: <strong>.select</strong></li>
								<li>Textarea: <strong>.textarea</strong></li>
							</ul>
						</div>
					</div>
					<!--#End: Form section-->	
				</div>
			</div>
		</div>
	</div>
	<div class="siteAdminFooter">
		<div class="footer_left">
			Copyright &copy; 2010 Go.vn - Đơn vị chủ quản: <strong>Tổng Công ty Truyền thông Đa phương tiện Việt Nam - VTC</strong>
			<br />
			Địa chỉ: Tầng 7 - Tòa nhà VTC3 - 14 Tam Trinh - Phường Minh Khai - Quận Hai Bà Trưng - Hà Nội
		</div>
		<div class="footer_right">
			<a href="#">Đầu trang</a>  |  <a href="#">Sign Out</a>
		</div>
		<div class="clr"></div>
	</div>
  </body>
</html>
